<template>
  <div class="newinof">
    <!-- 大标题-->
    <h3 class="title">{{newinfo[id-1].title}}</h3>
    <!-- 小标题-->
    <p class="sontitle">
      <span>{{newinfo[id-1].add_time|dataFormat}}</span>
      <span>点击{{newinfo[id-1].click}}次</span>
    </p>
    <hr>
    <!-- 内容区域-->
    <div class="content" v-html="newinfo[id-1].content">}</div>
    <!-- 评论子组件区域-->
    <div class="comment">
      <comment-box :id='this.id'></comment-box>
    </div>
  </div>

</template>
<script>
  import Comment from '../subcompoments/Comment.vue'
  export default{
    data(){
      return{
        id:this.$route.params.id,//将url中传递过来的id值 挂载到data上
        newinfo:[
          {
            id:1,
            title:'<<一人之下>>:周蒙与老天师不相上下',
            add_time:"2020-03-16T03:28:05.000Z",
            zhaiyao:"《一人之下》这部动漫当中，目前的天花板毫无疑问是老天师，但其实除了他之外还有一个强的可怕的人。",
            click:1,
            content:'武当山看上去是道教最弱，但是却诞生了新一代的领军人王也，一手飘逸的太极拳打得行云流水,出神入化。<br/>这位新生代的领军人，八绝技风后奇门的传人王也，单单凭借太极拳就已经很强了，而在罗天大醮当中，他首次在公众前展示自己的风后奇门，后来竟被师门开除了。这位新生代的领军人，八绝技风后奇门的传人王也，单单凭借太极拳就已经很强了，而在罗天大醮当中，他首次在公众前展示自己的风后奇门，后来竟被师门开除了。<img src="https://inews.gtimg.com/newsapp_bt/0/11794895948/1000" alt="老天师">老掌门虽然在漫画当中仅仅一次出手，仅仅凭太极拳就轻松抵挡了内景入魔之人的土河车，一身修为密而不漏。'
                     +'并且在之前的言语间，就透露出自身的强大，单单论心境来说，就可谓是一方豪强了'
          },
          {
            id:2,
            title:'海贼王980话：尾田江郎才尽，烂尾明显',
            add_time:"2020-04-17T08:24:45.000Z",
            zhaiyao:"海贼王980话已经更新了，这一话最令人大跌眼镜的是路飞与索隆竟然被阿普搞得如此狼狈，路飞直接被阿普的音波炸晕，索隆也被音波斩伤",
            click:2,
            content:'登陆鬼岛后，路飞又一次忘记了大家商议所制定的作战计划，他擅自就抛下伙伴胡乱跑了出去。而索隆因为担心路飞的安危，赶紧就跟了出去。<br/>他们进入凯多的地盘后，实在没想到这里的地形非常地复杂，来来往往的人又很多，不一会儿，这两人就走散了。索隆一看不见了路飞的踪影，更害怕他会搞出乱子，破坏了锦卫门他们的复国计划，所以索隆也开始心急起来了，没过多久，他自己也迷路了。<img src="https://inews.gtimg.com/newsapp_bt/0/11796272819/1000" alt="">迷路后的索隆就像一个无头苍蝇一样东走西走，走着走着他来到了一个阴森森的小木屋前。看到这木屋周围弥漫着一种阴森森的诡异气氛，索隆的直觉告诉他，这里面一定有古怪，自己还是赶紧远离此地吧.'
          },
          {
            id:3,
            title:'爆笑解忧更新到了868话',
            add_time:"2020-04-12T05:55:23.000Z",
            zhaiyao:"阿衰给大脸妹表演打快板，还编了一段台词，把大脸妹比作嫦娥。",
            click:5,
             content:'原来猫小乐一直再画，对于他的这种坚持瞬间有点肃然起敬，特意把床底下的漫画书翻出来我最后买的还是第34本，大都都是买的漫画party，<br/>因为就是看的这上面的阿衰连载才买的单行本，当时看阿衰真是看得废寝忘食，吃饭看得哈哈大乐被妈妈训，晚上蒙着被打着手电筒看，在学校大家传阅这看，阿衰的调皮捣蛋，他和同桌大脸妹的打打闹闹，和死党小冲之间的朋友友谊，和富二代之间的搞笑对决，再到各种惹怒老师金乘五，各种搞笑桥段都让那时的我一遍遍的反复翻看，每看一遍都笑得前仰后合，阿衰这个角色就像我那时的青春一样，有点搞怪有点倒霉，但是善良可爱是周围人的开心果。<img src="https://iknow-pic.cdn.bcebos.com/060828381f30e92428f0d43442086e061d95f75b?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1" alt="">'
          },
          {
            id:4,
            title:'全职猎人持续连载中~~~',
            add_time:"2020-07-16T08:27:15.000Z",
            zhaiyao:"又一部人气少年漫《鬼灭之刃》完结，然而《全职猎人》还在连载中",
            click:3,
            content:'相信最近不少网友都知道了日本人气漫画《鬼灭之刃》的完结，毕竟最近不少粉丝都又在追这部人气漫画<img src="https://inews.gtimg.com/newsapp_bt/0/11782509548/1000"><img src="https://inews.gtimg.com/newsapp_bt/0/11782509546/1000"> <br/>而随着《鬼灭之刃》的完结，自然也就少不了所谓的“传统艺能”——告别，相信不少网友都曾经在《火影忍者、《银魂》完结的时候看过不少鸣人向路飞挥手告别，'
          },
          {
            id:5,
            title:'鬼灭之刃开始正式连载',
            add_time:"2020-03-16T05:18:55.000Z",
            zhaiyao:"酷拉皮卡上船，《鬼灭之刃》正式开始连载，当《鬼灭之刃》完结之时，酷拉皮卡还在船上。",
            click:8,
            content:'《鬼灭之刃》正式开始连载，当《鬼灭之刃》完结之时，酷拉皮卡还在船上。<img src="https://inews.gtimg.com/newsapp_bt/0/11782511537/1000">然后不少粉丝纷纷调侃“真好，酷拉皮卡在船上看完了《鬼灭之刃》”；“原本知道了酷拉皮卡短命而悲伤了好一阵子，不过如今看来说不定比我还长寿了”；“富坚义博还不赶紧更新？”等等 <img src="https://inews.gtimg.com/newsapp_bt/0/11782511539/1000">'
          },
          {
            id:6,
            title:'诸神乱战，神话题材是否需要出新？',
            add_time:"2020-05-23T06:38:48.000Z",
            zhaiyao:"因为疫情的原因，导致很多电影延后了，在动画电影这块《姜子牙》和《新封神：哪吒重生》已经基本敲定上映的时间，不用说又将是一番诸神乱战。",
            click:9,
            content:'因为疫情的原因，导致很多电影延后了，在动画电影这块《姜子牙》和《新封神：哪吒重生》已经基本敲定上映的时间，不用说又将是一番诸神乱战。除此之外二郎神杨戬的个人动画电影也在紧锣密鼓的筹备中，对于神话题材不断地被改编和制作，是否会让我们审美疲劳呢？又需不需要出新呢《姜子牙》原本拟定于春节档上映的，<img src="https://inews.gtimg.com/newsapp_bt/0/11786681672/1000">但是因为疫情等原因导致延期，不过在第二届金众电影青年节上，《姜子牙》又发布了一款重磅预告片，'
          },
          {
            id:7,
            title:'这部《新封神：哪吒重生》将于暑期跟大家相见',
            add_time:"2020-06-05T09:20:36.000Z",
            zhaiyao:"可能因为这部电影的宣传还没有开始，大家还不熟悉它，那么《白蛇：缘起》大家都知道吗？没错，打造《新封神：哪吒重生》的就是《白蛇：缘起》的原班人马",
            click:11,
            content:'可能因为这部电影的宣传还没有开始，大家还不熟悉它，那么《白蛇：缘起》大家都知道吗？没错，打造《新封神：哪吒重生》的就是《白蛇：缘起》的原班人马，而且是历时四年的精心打磨，不过还没有放出预告片，大家需要继续等待一下了，但是海报已经放出来了，<img src="https://inews.gtimg.com/newsapp_bt/0/11786682825/1000">'
          },
          {
            id:8,
            title:'《二郎神之深海蛟龙》就已在电影局备案，',
            add_time:"2020-04-13T08:08:15.000Z",
            zhaiyao:"正式海报也放了出来，不过《二郎神之深海蛟龙》具体上映时间未定",
            click:98,
            content:'去年二郎神杨戬的个人动画电影《二郎神之深海蛟龙》就已在电影局备案，正式海报也放了出来，<img src="https://inews.gtimg.com/newsapp_bt/0/11786683396/1000">不过《二郎神之深海蛟龙》具体上映时间未定，'
          },
          {
            id:9,
            title:'原班人马打造的《大圣闹天宫》也即将在2020年上映。',
            add_time:"2020-06-16T01:48:43.000Z",
            zhaiyao:"有没有感觉即将到来的2020年后半年将会是诸神乱战？而且将会是精彩纷呈。",
            click:56,
            content:'除了这个之外由《大圣归来》 原班人马打造的《大圣闹天宫》也即将在2020年上映。<img src="https://inews.gtimg.com/newsapp_bt/0/11786684324/1000">'
          },
          {
            id:10,
            title:'大话降龙：浑然不觉自己掉进“鸿门宴”',
            add_time:"2020-08-22T06:58:32.000Z",
            zhaiyao:"欢迎来到《大话降龙》漫画专线，这里是雨过了天晴了，这部漫画的主人公是降龙大侠，故事情节丰富，下面我们一起来看看今天降龙大侠发生了什么",
            click:45,
            content:'二郎神只身到达了魔界境内，在大战开始之前他决定先填饱肚子，可是却遇到了黑心老板，没有办法只能拿三叉戟抵押，没有了三叉戟的他表示自己还是战无不胜 <img src="https://inews.gtimg.com/newsapp_bt/0/11728292406/1000"><img src="https://inews.gtimg.com/newsapp_bt/0/11728292398/1000"><img src="https://inews.gtimg.com/newsapp_bt/0/11728292708/1000">'
          },
          {
            id:11,
            title:'为什么让宫城良田来接任篮球队的下一任队长？',
            add_time:"2020-06-15T03:18:26.000Z",
            zhaiyao:"灌篮高手》中为何宫城良田能够成为湘北的下一任队长？实际上原因并不复杂，这与日本学校和社会习俗有关系，简而言之参考队长的任职条件来说是球员资历＞个人能力＞角色性格",
            click:5,
            content:'灌篮高手》中，湘北一共就输给了几个球队，除了与陵南和常诚高中的主力阵容不齐的两场练习赛，以及打败山王后全员消耗殆尽的对爱和之战，就剩一场对阵海南的县大赛了。<img src="https://inews.gtimg.com/newsapp_bt/0/11794491429/1000">这场比赛除了赤木中途有一阵受伤离场的意外，其他大部分时间湘北队都是在人员齐整、教练在位的情况下全力拼搏的，最终输球的结果也证明了海南确实是王者级球队。而最后导致输球的原因就是因为三井投三分不中，而樱木抢下篮板交错了人。那么，成功封盖三井三分的清田信长是如何证明了自己的价值？'
          },
          {
            id:12,
            title:'真禅圣王不愧是天之下第一人！',
            add_time:"2020-11-16T08:38:32.000Z",
            zhaiyao:"武庚纪动漫在刚刚更新了最新的一集，这一集的剧情以打戏为主，不过冥族目前正在处于劣势当中，经过这场战斗，冥族起义大军发现了神族的可怕之处，",
            click:55,
            content:'武庚纪动漫在刚刚更新了最新的一集，这一集的剧情以打戏为主，不过冥族目前正在处于劣势当中，经过这场战斗，冥族起义大军发现了神族的可怕之处，战斗已经打了许久，冥族这边已经损失了一成的兵力，反观神族这方，他们却没有一个人死亡，甚至就连受伤的都没有。<img src="https://inews.gtimg.com/newsapp_bt/0/11789555908/1000">百神众是神族最厉害的战士，他们的战斗力不比六部大神弱，但是在这场战斗中，百神众的实力简直太恐怖了，武庚和子羽都无法轻易击败他们，冥族大将们的攻击对百神众来说也是没有什么效果，战斗打了半天神族还是零伤亡，能让百神众屹立不倒的关键就是真禅圣王。<img src="https://inews.gtimg.com/newsapp_bt/0/11789558322/1000">'
          },
          {
            id:13,
            title:'魔罗匹敌吉连，轻松超越自在极意兆',
            add_time:"2020-08-18T04:28:36.000Z",
            zhaiyao:"龙珠超漫画60话的内容已经更新，这一话大部分篇幅都是悟空与魔罗之间的战斗，同时也是自在极意兆正式“掉价”的一话。",
            click:16,
            content:'动漫《龙珠超》，漫画第60话最近更新了很多情报，是由作者丰太郎的第60话漫画草稿图，酱铺君就来分析一番吧。<img src="https://inews.gtimg.com/newsapp_bt/0/11738796457/1000">这次《龙珠超》漫画制作组集英社编辑给出的文字，悟空能否战胜魔罗？在亚德拉特星的贝吉塔能否赶上战斗呢？'
          },
          {
            id:14,
            title:'哪吒想放风筝，敖烈就可以成为风筝',
            add_time:"2020-08-26T07:48:45.000Z",
            zhaiyao:"敖烈和哪吒都是《非人哉》的主角之一，敖烈本身是龙，而哪吒最喜欢的就是龙。",
            click:18,
            content:'这天，敖烈带着哪吒去找九月玩，可能是春天吹起春风的关系，敖烈和哪吒在去往九月家路过一个空地，看到有人正在放风筝，敖烈这才意识到春天来了，天上的风筝模样是一条长长的龙，翱翔空中，很是威武。<img src="https://inews.gtimg.com/newsapp_bt/0/8491942390/640">看着那龙形风筝，敖烈原本也没觉得什么，忽然想起哪吒非常喜欢龙，心里忽的一跳，生出了一阵不好的预感，低头看旁边，哪吒果然在盯着他看，还没等哪吒把话说完，敖烈就一口拒绝了，不用想也知道这家伙要说什么了。<img src="https://inews.gtimg.com/newsapp_bt/0/8491942653/640">'
           }
        ]
      }
    },
    components:{
       //用来注册子路由的节点
       "comment-box":Comment,
       }
  }
</script>

<style>
  .newinof{
    padding: 0 4px;
  }
  .title{
    font-size: 16px;
    color: red;
    text-align: center;
  }
  .sontitle{
    font-size: 13px;
    color: #007AFF;
    display: flex;
    justify-content: space-between;
  }

  .content img{
    width: 100%;
  }
</style>
